<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录页面</title>
		<link rel="stylesheet" type="text/css" href="{{__PUBLIC__}}/Home/css/login.css" />
		<link rel="shortcut icon" href="{{__PUBLIC__}}/Home/images/favicon.ico">
		<link rel="stylesheet" href="{{__PUBLIC__}}/Home/bootstrap-3.3.5-dist/css/bootstrap.min.css">
		<script src="{{__PUBLIC__}}/Home/bootstrap-3.3.5-dist/js/jq11.min.js"></script>
		<script src="{{__PUBLIC__}}/Home/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="{{__PUBLIC__}}/Home/js/jquery-1.8.2.min.js"></script>
		<script type="text/javascript" src="{{__PUBLIC__}}/Home/hdjs/hdjs.min.js"></script>
		<link rel="stylesheet" type="text/css" href="{{__PUBLIC__}}/Home/hdjs/hdjs.css">
		<script type="text/javascript">
			$(function(){
				$('#check').validate({
					username:{
						rule:{
							required:true,
							email:true,
							ajax:{url:'{{U("Login/check")}}'}
						},
						error:{
							required:'邮箱不能为空',
							email:'邮箱不正确'
						},
						success: 'ok',
						message:'请输入邮箱'
					},
					password: {
			            rule: {
			                required: true,
			                minlen:6,
		            		maxlen:20
			            },
			            error: {
			                required: '密码不能为空',
			                minlen:'新密码不得少于8位',
		            		maxlen:'新密码不得多于32位'
			            }
			       },
					code: {
			            rule: {
			                required: true,
			                ajax:{url:'{{U("Login/codeCheck")}}'}
			            },
			            error: {
			                required: '验证码不能为空',     
			            },
						success: 'ok'
			        },
				})
	//				验证码获得验证码地址
					var src = $('.code-picture').attr('src');
					$('.code-picture').click(function(){
					//组合随机地址
					var newSrc = src +'&t='+ Math.random();
					//再把地址赋值给图片
					$(this).attr('src',newSrc);
				})
			})
		</script>
		<style type="text/css">
			*{
					margin: 0;
					padding: 0;
				}
		</style>
	</head>

	<body>
		<div class="header">
			<div class="head">
				<img src="{{__PUBLIC__}}/Home/images/logo2.png" />
				<img class="line1" src="{{__PUBLIC__}}/Home/images/split1.png" />
				<p>华为商城</p>
			</div>
		</div>
		<div class="login-area">
			<img class="code-2" src="{{__PUBLIC__}}/Home/images/bg11.jpg" />
			<div class="p-name">
				<p>欢迎登陆华为账号</p>
			</div>
				<!--登录框-->
			<div class="login-table">
				<form class="form-horizontal" method="post" action="" id="check">
					<div class="form-group">
						<span id="hd_username"></span>
						<div class="col-sm-10">
							<input type="email" name="username" class="form-control" id="inputEmail3" placeholder="邮箱">
						</div>
					</div>
					<div class="form-group">
						<span id="hd_password" class="hd_password"></span>
						<div class="col-sm-10">
							<input type="password" name="password" class="form-control" id="inputPassword3" placeholder="密码(8~32位字符)">
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-10 code-box">
							<span id="hd_code"></span>
							<input type="text" name="code" class="form-control code-check" id="inputEmail3" placeholder="不区分大小写">
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
							<div class="checkbox" style="margin-left: -55px;">
								<label>
									<input type="checkbox" name="auto" > <span style="font-size: 12px;">记住用户名</span>
								</label>
								<a href="" class="forget-password">忘记密码？</a>
							</div>
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-offset-2 col-sm-10" style="margin-left: 0px;">
							<button type="submit" class="btn btn-lg btn-danger" style="padding: 7px 25px;margin-bottom: 10px;">登录</button>
						</div>
					</div>
				</form>
				<div class="code-pic">
					<img class="code-picture" src="{{U('Login/code')}}"/>
				</div>
				<span>使用合作网站帐号登录：</span>&nbsp;&nbsp;&nbsp;<a>QQ</a>&nbsp;&nbsp;<a>支付宝</a>
				<div class="line"></div>
				<p class="free-sign">没有华为帐号？ &nbsp; <a href="{{U('Register/index')}}" style="font-size: 14px;">免费注册</a></p>
				<p class="must-info">华为帐号是您用于访问所有华为服务的唯一帐号。使用华为帐号登录后，您将可以使用这台设备的华为云服务、应用市场、华为商城、花粉俱乐部、EMUI产品、华为网盘、开发者联盟。
<label for="">继续登录表明您已充分理解并同意以上内容。</label></p>
			</div>
		</div>
					<!--foot-->
		<div class="hr-30"></div>
		<div class="hr-30"></div>
		<div class="custom-footer">
			<p><a href=""> 《华为帐号服务条款、华为隐私政策》</a> | <a href="">常见问题？ </a></p>
			<p>Copyright © 2011-2015  华为软件技术有限公司  版权所有  保留一切权利  苏B2-20070200号 | 苏ICP备09062682号-9</p>
		</div>
	</body>

</html>